<template>
   <div class="wrapper">
        <ul class="content">
     
    <li>分裂1</li>
    <li>分裂2</li>
    <li>分裂3</li>
    <li>分裂4</li>
    <li>分裂5</li>
    <li>分裂6</li>
    <li>分裂7</li>
    <li>分裂8</li>
    <li>分裂9</li>
    <li>分裂10</li>
    <li>分裂11</li>
    <li>分裂12</li>
    <li>分裂13</li>
    <li>分裂14</li>
    <li>分裂15</li>
    <li>分裂16</li>
    <li>分裂17</li>
    <li>分裂18</li>
    <li>分裂19</li>
    <li>分裂20</li>
    <li>分裂21</li>
    <li>分裂22</li>
    <li>分裂23</li>
    <li>分裂24</li>
    <li>分裂25</li>
    <li>分裂26</li>
    <li>分裂27</li>
    <li>分裂28</li>
    <li>分裂29</li>
    <li>分裂30</li>
    <li>分裂31</li>
    <li>分裂32</li>
    <li>分裂33</li>
    <li>分裂34</li>
    <li>分裂35</li>
    <li>分裂36</li>
    <li>分裂37</li>
    <li>分裂38</li>
    <li>分裂39</li>
    <li>分裂40</li>
    <li>分裂41</li>
    <li>分裂42</li>
    <li>分裂43</li>
    <li>分裂44</li>
    <li>分裂45</li>
    <li>分裂46</li>
    <li>分裂47</li>
    <li>分裂48</li>
    <li>分裂49</li>
    <li>分裂50</li>
    <li>分裂51</li>
    <li>分裂52</li>
    <li>分裂53</li>
    <li>分裂54</li>
    <li>分裂55</li>
    <li>分裂56</li>
    <li>分裂57</li>
    <li>分裂58</li>
    <li>分裂59</li>
    <li>分裂60</li>
    <li>分裂61</li>
    <li>分裂62</li>
    <li>分裂63</li>
    <li>分裂64</li>
    <li>分裂65</li>
    <li>分裂66</li>
    <li>分裂67</li>
    <li>分裂68</li>
    <li>分裂69</li>
    <li>分裂70</li>
    <li>分裂71</li>
    <li>分裂72</li>
    <li>分裂73</li>
    <li>分裂74</li>
    <li>分裂75</li>
    <li>分裂76</li>
    <li>分裂77</li>
    <li>分裂78</li>
    <li>分裂79</li>
    <li>分裂80</li>
    <li>分裂81</li>
    <li>分裂82</li>
    <li>分裂83</li>
    <li>分裂84</li>
    <li>分裂85</li>
    <li>分裂86</li>
    <li>分裂87</li>
    <li>分裂88</li>
    <li>分裂89</li>
    <li>分裂90</li>
    <li>分裂91</li>
    <li>分裂92</li>
    <li>分裂93</li>
    <li>分裂94</li>
    <li>分裂95</li>
    <li>分裂96</li>
    <li>分裂97</li>
    <li>分裂98</li>
    <li>分裂99</li>
    <li>分裂100</li>
    <li>分裂101</li>
    <li>分裂102</li>
    <li>分裂103</li>
    <li>分裂104</li>
    <li>分裂105</li>
    <li>分裂106</li>
    <li>分裂107</li>
    <li>分裂108</li>
    <li>分裂109</li>
    <li>分裂110</li>
    <li>分裂111</li>
    <li>分裂112</li>
    <li>分裂113</li>
    <li>分裂114</li>
    <li>分裂115</li>
    <li>分裂116</li>
    <li>分裂117</li>
    <li>分裂118</li>
    <li>分裂119</li>
    <li>分裂120</li>
    <li>分裂121</li>
    <li>分裂122</li>
    <li>分裂123</li>
    <li>分裂124</li>
    <li>分裂125</li>
    <li>分裂126</li>
    <li>分裂127</li>
    <li>分裂128</li>
    <li>分裂129</li>
    <li>分裂130</li>
    <li>分裂131</li>
    <li>分裂132</li>
    <li>分裂133</li>
    <li>分裂134</li>
    <li>分裂135</li>
    <li>分裂136</li>
    <li>分裂137</li>
    <li>分裂138</li>
    <li>分裂139</li>
    <li>分裂140</li>
    <li>分裂141</li>
    <li>分裂142</li>
    <li>分裂143</li>
    <li>分裂144</li>
    <li>分裂145</li>
    <li>分裂146</li>
    <li>分裂147</li>
    <li>分裂148</li>
    <li>分裂149</li>
    <li>分裂150</li>
    <li>分裂151</li>
    <li>分裂152</li>
    <li>分裂153</li>
    <li>分裂154</li>
    <li>分裂155</li>
    <li>分裂156</li>
    <li>分裂157</li>
    <li>分裂158</li>
    <li>分裂159</li>
    <li>分裂160</li>
    <li>分裂161</li>
    <li>分裂162</li>
    <li>分裂163</li>
    <li>分裂164</li>
    <li>分裂165</li>
    <li>分裂166</li>
    <li>分裂167</li>
    <li>分裂168</li>
    <li>分裂169</li>
    <li>分裂170</li>
    <li>分裂171</li>
    <li>分裂172</li>
    <li>分裂173</li>
    <li>分裂174</li>
    <li>分裂175</li>
    <li>分裂176</li>
    <li>分裂177</li>
    <li>分裂178</li>
    <li>分裂179</li>
    <li>分裂180</li>
    <li>分裂181</li>
    <li>分裂182</li>
    <li>分裂183</li>
    <li>分裂184</li>
    <li>分裂185</li>
    <li>分裂186</li>
    <li>分裂187</li>
    <li>分裂188</li>
    <li>分裂189</li>
    <li>分裂190</li>
    <li>分裂191</li>
    <li>分裂192</li>
    <li>分裂193</li>
    <li>分裂194</li>
    <li>分裂195</li>
    <li>分裂196</li>
    <li>分裂197</li>
    <li>分裂198</li>
    <li>分裂199</li>
    <li>分裂200</li>
    <li>分裂201</li>
    <li>分裂202</li>
    <li>分裂203</li>
    <li>分裂204</li>
    <li>分裂205</li>
    <li>分裂206</li>
    <li>分裂207</li>
    <li>分裂208</li>
    <li>分裂209</li>
    <li>分裂210</li>
    <li>分裂211</li>
    <li>分裂212</li>
    <li>分裂213</li>
    <li>分裂214</li>
    <li>分裂215</li>
    <li>分裂216</li>
    <li>分裂217</li>
    <li>分裂218</li>
    <li>分裂219</li>
    <li>分裂220</li>
    <li>分裂221</li>
    <li>分裂222</li>
    <li>分裂223</li>
    <li>分裂224</li>
    <li>分裂225</li>
    <li>分裂226</li>
    <li>分裂227</li>
    <li>分裂228</li>
    <li>分裂229</li>
    <li>分裂230</li>
    <li>分裂231</li>
    <li>分裂232</li>
    <li>分裂233</li>
    <li>分裂234</li>
    <li>分裂235</li>
    <li>分裂236</li>
    <li>分裂237</li>
    <li>分裂238</li>
    <li>分裂239</li>
    <li>分裂240</li>
    <li>分裂241</li>
    <li>分裂242</li>
    <li>分裂243</li>
    <li>分裂244</li>
    <li>分裂245</li>
    <li>分裂246</li>
    <li>分裂247</li>
    <li>分裂248</li>
    <li>分裂249</li>
    <li>分裂250</li>
    <li>分裂251</li>
    <li>分裂252</li>
    <li>分裂253</li>
    <li>分裂254</li>
    <li>分裂255</li>
    <li>分裂256</li>
    <li>分裂257</li>
    <li>分裂258</li>
    <li>分裂259</li>
    <li>分裂260</li>
    <li>分裂261</li>
    <li>分裂262</li>
    <li>分裂263</li>
    <li>分裂264</li>
    <li>分裂265</li>
    <li>分裂266</li>
    <li>分裂267</li>
    <li>分裂268</li>
    <li>分裂269</li>
    <li>分裂270</li>
    <li>分裂271</li>
    <li>分裂272</li>
    <li>分裂273</li>
    <li>分裂274</li>
    <li>分裂275</li>
    <li>分裂276</li>
    <li>分裂277</li>
    <li>分裂278</li>
    <li>分裂279</li>
    <li>分裂280</li>
    <li>分裂281</li>
    <li>分裂282</li>
    <li>分裂283</li>
    <li>分裂284</li>
    <li>分裂285</li>
    <li>分裂286</li>
    <li>分裂287</li>
    <li>分裂288</li>
    <li>分裂289</li>
    <li>分裂290</li>
    <li>分裂291</li>
    <li>分裂292</li>
    <li>分裂293</li>
    <li>分裂294</li>
    <li>分裂295</li>
    <li>分裂296</li>
    <li>分裂297</li>
    <li>分裂298</li>
    <li>分裂299</li>
    <li>分裂300</li>
    <li>分裂301</li>
    <li>分裂302</li>
    <li>分裂303</li>
    <li>分裂304</li>
    <li>分裂305</li>
    <li>分裂306</li>
    <li>分裂307</li>
    <li>分裂308</li>
    <li>分裂309</li>
    <li>分裂310</li>
    <li>分裂311</li>
    <li>分裂312</li>
    <li>分裂313</li>
    <li>分裂314</li>
    <li>分裂315</li>
    <li>分裂316</li>
    <li>分裂317</li>
    <li>分裂318</li>
    <li>分裂319</li>
    <li>分裂320</li>
    <li>分裂321</li>
    <li>分裂322</li>
    <li>分裂323</li>
    <li>分裂324</li>
    <li>分裂325</li>
    <li>分裂326</li>
    <li>分裂327</li>
    <li>分裂328</li>
    <li>分裂329</li>
    <li>分裂330</li>
    <li>分裂331</li>
    <li>分裂332</li>
    <li>分裂333</li>
    <li>分裂334</li>
    <li>分裂335</li>
    <li>分裂336</li>
    <li>分裂337</li>
    <li>分裂338</li>
    <li>分裂339</li>
    <li>分裂340</li>
    <li>分裂341</li>
    <li>分裂342</li>
    <li>分裂343</li>
    <li>分裂344</li>
    <li>分裂345</li>
    <li>分裂346</li>
    <li>分裂347</li>
    <li>分裂348</li>
    <li>分裂349</li>
    <li>分裂350</li>
    <li>分裂351</li>
    <li>分裂352</li>
    <li>分裂353</li>
    <li>分裂354</li>
    <li>分裂355</li>
    <li>分裂356</li>
    <li>分裂357</li>
    <li>分裂358</li>
    <li>分裂359</li>
    <li>分裂360</li>
    <li>分裂361</li>
    <li>分裂362</li>
    <li>分裂363</li>
    <li>分裂364</li>
    <li>分裂365</li>
    <li>分裂366</li>
    <li>分裂367</li>
    <li>分裂368</li>
    <li>分裂369</li>
    <li>分裂370</li>
    <li>分裂371</li>
    <li>分裂372</li>
    <li>分裂373</li>
    <li>分裂374</li>
    <li>分裂375</li>
    <li>分裂376</li>
    <li>分裂377</li>
    <li>分裂378</li>
    <li>分裂379</li>
    <li>分裂380</li>
    <li>分裂381</li>
    <li>分裂382</li>
    <li>分裂383</li>
    <li>分裂384</li>
    <li>分裂385</li>
    <li>分裂386</li>
    <li>分裂387</li>
    <li>分裂388</li>
    <li>分裂389</li>
    <li>分裂390</li>
    <li>分裂391</li>
    <li>分裂392</li>
    <li>分裂393</li>
    <li>分裂394</li>
    <li>分裂395</li>
    <li>分裂396</li>
    <li>分裂397</li>
    <li>分裂398</li>
    <li>分裂399</li>
    <li>分裂400</li>
    <li>分裂401</li>
    <li>分裂402</li>
    <li>分裂403</li>
    <li>分裂404</li>
    <li>分裂405</li>
    <li>分裂406</li>
    <li>分裂407</li>
    <li>分裂408</li>
    <li>分裂409</li>
    <li>分裂410</li>
    <li>分裂411</li>
    <li>分裂412</li>
    <li>分裂413</li>
    <li>分裂414</li>
    <li>分裂415</li>
    <li>分裂416</li>
    <li>分裂417</li>
    <li>分裂418</li>
    <li>分裂419</li>
    <li>分裂420</li>
    <li>分裂421</li>
    <li>分裂422</li>
    <li>分裂423</li>
    <li>分裂424</li>
    <li>分裂425</li>
    <li>分裂426</li>
    <li>分裂427</li>
    <li>分裂428</li>
    <li>分裂429</li>
    <li>分裂430</li>
    <li>分裂431</li>
    <li>分裂432</li>
    <li>分裂433</li>
    <li>分裂434</li>
    <li>分裂435</li>
    <li>分裂436</li>
    <li>分裂437</li>
    <li>分裂438</li>
    <li>分裂439</li>
    <li>分裂440</li>
    <li>分裂441</li>
    <li>分裂442</li>
    <li>分裂443</li>
    <li>分裂444</li>
    <li>分裂445</li>
    <li>分裂446</li>
    <li>分裂447</li>
    <li>分裂448</li>
    <li>分裂449</li>
    <li>分裂450</li>
    <li>分裂451</li>
    <li>分裂452</li>
    <li>分裂453</li>
    <li>分裂454</li>
    <li>分裂455</li>
    <li>分裂456</li>
    <li>分裂457</li>
    <li>分裂458</li>
    <li>分裂459</li>
    <li>分裂460</li>
    <li>分裂461</li>
    <li>分裂462</li>
    <li>分裂463</li>
    <li>分裂464</li>
    <li>分裂465</li>
    <li>分裂466</li>
    <li>分裂467</li>
    <li>分裂468</li>
    <li>分裂469</li>
    <li>分裂470</li>
    <li>分裂471</li>
    <li>分裂472</li>
    <li>分裂473</li>
    <li>分裂474</li>
    <li>分裂475</li>
    <li>分裂476</li>
    <li>分裂477</li>
    <li>分裂478</li>
    <li>分裂479</li>
    <li>分裂480</li>
    <li>分裂481</li>
    <li>分裂482</li>
    <li>分裂483</li>
    <li>分裂484</li>
    <li>分裂485</li>
    <li>分裂486</li>
    <li>分裂487</li>
    <li>分裂488</li>
    <li>分裂489</li>
    <li>分裂490</li>
    <li>分裂491</li>
    <li>分裂492</li>
    <li>分裂493</li>
    <li>分裂494</li>
    <li>分裂495</li>
    <li>分裂496</li>
    <li>分裂497</li>
    <li>分裂498</li>
    <li>分裂499</li>
    <li>分裂500</li>
   </ul>
   </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
    name:"Category",
    data(){
        return{
            scroll:null
        }
    },
    created(){
       
    },
    mounted(){
        this.scroll = new BScroll(document.querySelector('.wrapper'),{
            probeType: 3,
            pullUpLoad:true
        })
        this.scroll.on('scroll',(position) =>{
            console.log(position)
        })
        this.scroll.on('pullingUp',() =>{
            console.log("上拉下载更多")
        })
    }
}
</script>

<style scoped>
    .wrapper{
        height: 150px;
        background-color:red;
        overflow: hidden;

    }
</style>